<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<!-- 复制来格式乱，格式化：alt + shift + f -->
<!-- <p>段落元素 -->
<h1>常用的行元素</h1>
<p><span>11111</span>
    <span>11111</span><span>22222222</span>
    <!-- 实体字符：例如大于号不能直接打，会被认为是标签 -->
    <!-- 常用：空格，大小写，版权所有 -->
</p>
<!-- html链接由<a>标签定义，链接的地址在 href 属性中指定： -->
<p>
    <a href="https://www.baidu.com" target="_blank">百度一下</a>
</p>
<!-- 图片；资源文件 -->
<!-- 1.绝对路径：直接放一个线上链接，或者网址 -->
<!-- <img src="https://cn.bing.com/images/search?view=detailV2&ccid=a%2f2XJOKn&id=4101B13971F94CF6CEEAD696D056ACF95866EB7B&thid=OIP.a_2XJOKnYxsnGU-tYazCWwHaF7&mediaurl=https%3a%2f%2fpic.3gbizhi.com%2f2019%2f1112%2f20191112013312648.jpg&exph=1800&expw=2250&q=%e5%9b%be%e7%89%87&simid=608051809203080208&FORM=IRPRST&ck=6FBE73EBB9E4413035A4D75A63214001&selectedIndex=7"> -->
<!-- 2.相对路径：使用本地图片的时候一定要把要用的文件都放到该项目中 
       要同辈文件-->
<!-- 找上一级的文件（不是修改文件路径）：../ -->
<!-- <img src="../bridge.jpg" alt=""> -->
<!-- 找下一级文件（im是需要的图片的文件夹）：文件夹/dkjd.jpg -->
<!-- <img src="im/bridge.jpg" alt=""> -->
<!--同级： -->
<img src="bridge.jpg" alt="">
<img src="./bridge.jpg" alt="">
</body>

</html>